import Vue from 'vue'
import Router from 'vue-router'
import song from './components/nsongDetail.vue'
import newsong from './views/newsong.vue'
import Hot from './views/Hot.vue'
import nav from './views/nav.vue'
import playlist from './components/playlist.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'nav',
      component: nav
    },
    {
      path: '/song/:id',
      name: 'song',
      component: song
    },
    {
    	path:'/playlist/:id',
    	name:'playlist',
    	component:playlist
    }
//  {
//    path: '/about',
//    name: 'about',
//    // route level code-splitting
//    // this generates a separate chunk (about.[hash].js) for this route
//    // which is lazy-loaded when the route is visited.
//    component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
//  }
  ]
})
